<%-- 
    Document   : registroUsuario
    Created on : 03/06/2013, 10:24:38 PM
    Author     : alumnos
--%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Registro usuario</title>
<link href="estilos.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="cabecera">
	 <a href="index.jsp"> <img align="middle" src="imagenes/con_palomitas.png" width="748" height="240" alt="palomitas" /> </a>
</div>
<div class="cuerpo">
	<div class="CasillaSuperior">
        <div>
            <a href="registroUsuario.jsp"> <img class="botonesRedondos" 
            src="imagenes/BotonRegistro.png" alt="registro" width="80" height="40" align="right" /></a>
         </div>
    </div> <!--fin casilla superior -->
    
<table class="tablaPrincipal" width="748"  border="0" rules="rows"><!-- esta tabla divide el cuerpo en dos partes, la barra lateral y el cuerpo donde en este caso esta el formulario-->
  <tr>
    <td width="195"><div class="barraLateral">
    <img src="imagenes/categorias.png" width="195" height="40" alt="categorias" />
<table class="box2-table-b"  width="195" border="1">
  <tr>
            <th scope="row">Acción y aventuras</th>
          </tr>
          <tr>
            <th scope="row">Animación</th>
          </tr>
          <tr>
            <th scope="row">Clásicos</th>
          </tr>
          <tr>
            <th scope="row">Comedia</th>
          </tr>
          <tr>
            <th scope="row">Suspense</th>
          </tr>
          <tr>
            <th scope="row">Drama</th>
          </tr>
          <tr>
            <th scope="row">Horror/Thiller</th>
          </tr>
          <tr>
            <th scope="row">Artes marciales</th>
          </tr>
          <tr>
            <th scope="row">Romance</th>
          </tr>
          <tr>
            <th scope="row">Ciencia ficción</th>
          </tr>
          <tr>
            <th scope="row">Bélicas</th>
          </tr>
          <tr>
            <th scope="row">Western</th>
          </tr>
          <tr>
            <th scope="row">Películas de culto</th>
          </tr>
          <tr>
            <th scope="row">Fantasia</th>
          </tr>
      </table>
          <img   src="imagenes/BuscarPeliculas.PNG" width="195" height="40" alt="buscar" />
       

     <dd class="searchform">
           <form action="?" method="get">
                    <div>
                      <select name="cat">
                        <option value="DVD" selected="selected">DVD</option>
                        <option value="BLU" selected="selected">Blu ray</option>
                        <option value="-">------------</option>
                      </select>
                    </div>
                    <div>
                      <input name="q" type="text" value="DVD TITLE" class="text" />
                    </div>
                    <div class="softright"><input type="image" src="imagenes/iconoBuscar.png" /></div>
          </form>
        </dd>
          
          </div><!--fin barra lateral -->
          </td>
    
  <td width="533" valign="top"><!--FORMULARIO DE REGISTRO -->
  <h3>Registro de nuevos clientes:</h3>
  <form method="get" action="/conPalomitas/ServletRegistroUsuario" name="datosUsuario">
  <table class="box-table-b" width="200" border="1">
      
          <tr>
            <th scope="row">Nombre</th>
            <td><input name="nombre" type="text" maxlength="50"  /></td>
          </tr>
          <tr>
            <th scope="row">Apellidos</th>
            <td><input name="nick" type="text" maxlength="30" /></td>
          </tr>
          <tr>
            <th scope="row">Correo</th>
            <td><input name="correo" type="text" maxlength="60" /></td>
          </tr>
          <tr>
            <th scope="row">Direccion Envio</th>
            <td><input name="envio" type="text" maxlength="60" /></td>
          </tr>
          <tr>
            <th scope="row">Contraseña</th>
            <td><input name="password" type="password" maxlength="60" /></td>
          </tr>
          <tr>
              <th scope="row">&nbsp;</th>   
              
              <td> <button>Registrar</button> </td>
          </tr> 
        </table>
  
        
      
      
      
      </form>
  
  
  </td><!-- Cuerpo de la tabla -->
    </tr>
        </table><!-- FIN DE LA TABLA PRINCIPAL-->
</div><!--fin cuerpo -->
<div class="fondo">
	<div class="CasillaInferior">

    </div>
</div><!--fin fondo -->


</body>
</html>
